<template>
	<image @load="load" :src="msg.body.url" style="width:200px"  mode="widthFix" @click="handleClick"></image>
</template>

<script>
	export default {
		props: {
			msg: {
				type: [String, Object],
				default: () => ({})
			}
		},
		data() {
			return {
				load: false
			}
		},
		methods: {
			handleClick() {
				uni.previewImage({
					current: 0, // 当前显示图片索引
					urls: [this.msg.body.url], // 需要预览的图片URL列表
				});
				console.log('点击了图片')
			}
		}
	}
</script>

<style>
</style>